<html lang="zh-cn">
   {include file="index/meta" /}
   {load href="/static/js/echarts.min.js" /}
    <body class="body">
        <div>
            <div class="common-layout min-w-[1200px]">
                <section class="el-container w-100 h-screen">
                    <!--侧边栏开始-->
                       {include file="index/main" /}
                       <!--侧边栏结束-->
                    <section class="el-container is-vertical">
                       <!--顶部-->
                       {include file="index/header" /}
                       <!--顶部结束-->
                        <main class="el-main main-wrap h-full p-0">
                            <div class="el-scrollbar">
                                <div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
                                    <div class="el-scrollbar__view" style="">
                                        <div class="p-[10px]">
                                            <div  class="main-container flex">
                                                <div  class="main-body flex-1 mr-[15px]">
                                                    <div  class="el-card is-never-shadow box-card !border-none">
                                                        <div class="el-card__header">
                                                            <div  class="card-header">
                                                                <span  class="text-[15px]">数据概况</span></div>
                                                        </div>
                                                        <div class="el-card__body" style="">
                                                            <div  class="el-row" style="margin-left: -10px; margin-right: -10px;">
                                                                <div  class="el-col el-col-6 is-guttered" style="padding-right: 10px; padding-left: 10px;">
                                                                    <div  class="el-statistic">
                                                                        <div class="el-statistic__head">
                                                                            <div  class="text-[14px] mb-[9px]">用户总量（人）</div></div>
                                                                        <div class="el-statistic__content">
                                                                           <span class="el-statistic__number">{$member}</span>
                                                                           </div>
                                                                    </div>
                                                                </div>
                                                                <div  class="el-col el-col-6 is-guttered" style="padding-right: 10px; padding-left: 10px;">
                                                                    <div  class="el-statistic">
                                                                        <div class="el-statistic__head">
                                                                            <div  class="text-[14px] mb-[9px]">文章总量（篇）</div></div>
                                                                        <div class="el-statistic__content">
                                                                           
                                                                            <span class="el-statistic__number">{$content}</span>
                                                                           </div>
                                                                    </div>
                                                                </div>
                                                                <div  class="el-col el-col-6 is-guttered" style="padding-right: 10px; padding-left: 10px;">
                                                                    <div  class="el-statistic">
                                                                        <div class="el-statistic__head">
                                                                            <div  class="text-[14px] mb-[9px]">插件总量（个）</div></div>
                                                                        <div class="el-statistic__content">
                                                                           
                                                                            <span class="el-statistic__number">{$app}</span>
                                                                           </div>
                                                                    </div>
                                                                </div>
                                                                <div  class="el-col el-col-6 is-guttered" style="padding-right: 10px; padding-left: 10px;">
                                                                    <div  class="el-statistic">
                                                                        <div class="el-statistic__head">
                                                                            <div  class="text-[14px] mb-[9px]">评论总量（条）</div></div>
                                                                        <div class="el-statistic__content">
                                                                           
                                                                            <span class="el-statistic__number">{$comment}</span>
                                                                           </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div  class="el-card is-never-shadow box-card !border-none mt-[15px]">
                                                     {include file="index/app" /}
                                                    </div>
                                                    <div  class="mt-[15px] flex">
                                                        <div  class="el-card is-never-shadow box-card !border-none flex-1 mr-[15px]">
                                                            <div class="el-card__header">
                                                                <div  class="card-header">
                                                                    <span  class="text-[15px]">注册会员统计</span></div>
                                                            </div>
                                                            <div class="el-card__body" style="">
                                                            <!--开始内容-->
                                                            <div id="myChart-line" style="height: 400px;"></div>
                                                            </div>
                                                        </div>
                                                        <div  class="el-card is-never-shadow box-card !border-none flex-1">
                                                            <div class="el-card__header">
                                                                <div  class="card-header">
                                                                    <span  class="text-[15px]">会员评价统计</span></div>
                                                            </div>
                                                            <div class="el-card__body" style="">
                                                              <!--开始内容-->
                                                              <div id="myChart-histogram"  style="height: 400px;"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div  class="el-card is-never-shadow box-card !border-none mt-[15px]">
                                                        <div class="el-card__header">
                                                            <div  class="card-header">
                                                                <span  class="text-[15px]">系统环境</span></div>
                                                        </div>
                                                        <div class="el-card__body" style="">
                                                            <div  class="el-descriptions">
                                                               
                                                                <div class="el-descriptions__body">
                                                                    <table class="el-descriptions__table">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td class="el-descriptions__cell">
                                                                                    <span class="el-descriptions__label">操作系统</span>
                                                                                    <span class="el-descriptions__content">{:php_uname('s')}</span></td>
                                                                                <td class="el-descriptions__cell">
                                                                                    <span class="el-descriptions__label">PHP版本号</span>
                                                                                    <span class="el-descriptions__content">{:PHP_VERSION}</span></td>
                                                                                <td class="el-descriptions__cell" colspan="1">
                                                                                    <span class="el-descriptions__label">生产环境</span>
                                                                                    <span class="el-descriptions__content">{:$_SERVER['SERVER_SOFTWARE']}</span></td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div  class="main-aside w-[305px]">
                                                    <div  class="el-card is-never-shadow box-card !border-none">
                                                        <div class="el-card__header">
                                                            <div  class="card-header">
                                                                <span  class="text-[15px]">版本信息</span></div>
                                                        </div>
                                                        <div class="el-card__body" style="">
                                                            <div  class="el-descriptions">
                                                               
                                                                <div class="el-descriptions__body">
                                                                    <table class="el-descriptions__table">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td class="el-descriptions__cell">
                                                                                    <span class="el-descriptions__label">当前版本</span>
                                                                                    <span class="el-descriptions__content">2.0.0</span></td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td class="el-descriptions__cell">
                                                                                    <span class="el-descriptions__label">基于框架</span>
                                                                                    <span class="el-descriptions__content">Thinkphp8</span></td>
                                                                            </tr>
                                                                            
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div  class="el-card is-never-shadow box-card !border-none mt-[15px]">
                                                        <div class="el-card__header">
                                                            <div  class="card-header">
                                                                <span  class="text-[15px]">官方客服</span></div>
                                                        </div>
                                                        <div class="el-card__body" style="">
                                                            <div >
                                                                <div  class="flex items-center pt-[10px] pb-[25px]">
                                                                    <img  class="w-[120px] h-[120px] mr-[8px]" src="/static/images/qhkefu.jpg" alt="">
                                                                    <div >
                                                                        <p  class="text-[14px] text-gray-400">微信扫码关注</p></div>
                                                                </div>
                                                                
                                                                <div  class="flex items-center mt-3">
                                                                    <div  class="mr-[30px] flex">
                                                                        <i  class="iconfont icondianhua leading-[1]" style="color: rgb(0, 0, 0); font-size: 20px;"></i>
                                                                        <p  class="text-[14px] ml-2">weix/qq：</p></div>
                                                                    <div >
                                                                        <p  class="text-[14px]">1716892803</p></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                        </main>
                    </section>
                </section>
            </div>
        </div>
       {include file="index/echarts" /}
       {include file="index/footer" /}
    </body>

</html>